<template>
	<view class="content">
		<view style="width: 100%;">
			<uni-row >
				<uni-col :span="12" v-for="(item,index) in list">
					<uni-card :border="false" spacing="0" margin="5px" @click="navTo('/pages/donation/list?categoryId='+item.id+'&name='+item.name)">
						<image style="width: 100%;height: 100px;" :src="apiurl+item.img"></image>
						<text class="uni-body uni-mt-5">{{item.name}}</text>
					</uni-card>
				</uni-col>
			</uni-row>
		</view>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				apiurl:'',
				list:[
					
				]
			}
		},
		async onLoad(item) {
			this.apiurl = getApp().globalData.staticUrl
			this.orgCode = getApp().globalData.orgCode;
			this.$http.get('/temple.donation/templeDonationCategory/api/list', {
				'sysOrgCode':this.orgCode
			}).then((res) => {
				this.list = res.data.result.records;
			})
		},
		methods: {
			
		}
	}
</script>

<style>

</style>